<template>
  <div class="footer-box" :style="{backgroundImage:'url(' + footerObj.css.bgUrl + ')'}">
    <div class="footer-con">
      <div class="con1">
        <img :src="footerObj.logoImg" alt="">
        <ul>
          <li>
            <router-link to="javascript:;" :style="{'color':footerObj.titColor}">新手指南</router-link>
            <router-link :to="{path:'/login',query:{'isLogin': 'first'}}" :style="{'color':footerObj.mostColor}">用户登录</router-link>
            <router-link :to="{path:'/login',query:{'isLogin': 'second'}}" :style="{'color':footerObj.mostColor}">用户注册</router-link>
          </li>
          <li>
            <router-link to="javascript:;" :style="{'color':footerObj.titColor}">品牌商服务</router-link>
            <router-link to="/vMain/allBrand" :style="{'color':footerObj.mostColor}">品牌大全</router-link>
            <router-link to="/vMain/join" :style="{'color':footerObj.mostColor}">品牌招商</router-link>
            <router-link to="/login" :style="{'color':footerObj.mostColor}">品牌推荐</router-link>
            <router-link to="/vMain/strength" :style="{'color':footerObj.mostColor}">品牌榜单</router-link>
          </li>
          <li>
            <router-link to="javascript:;" :style="{'color':footerObj.titColor}">新闻资讯</router-link>
            <router-link to="/login" :style="{'color':footerObj.mostColor}">行业资讯</router-link>
            <router-link to="/login" :style="{'color':footerObj.mostColor}">品牌资讯</router-link>
            <router-link to="/login" :style="{'color':footerObj.mostColor}">政策法规</router-link>
          </li>
          <li>
            <a href="javascript:;" :style="{'color':footerObj.titColor}">联系我们</a>
            <a href="javascript:;" :style="{'color':footerObj.mostColor}">联系电话：400-8966-666</a>
            <a href="javascript:;" :style="{'color':footerObj.mostColor}">邮箱：shanzhouwangluo@qq.com</a>
            <a href="javascript:;" :style="{'color':footerObj.mostColor}">地址：河北省石家庄市长安区嘉和广场4号楼20层</a>
          </li>
          <li>
            <router-link to="javascript:;" :style="{'color':footerObj.titColor}">友情链接</router-link>
            <a href="http://shanzhouweb.com" target="_blank" :style="{'color':footerObj.mostColor}">山舟网络官网</a>
            <a href="https://www.alibabagroup.com/cn/global/home" target="_blank" :style="{'color':footerObj.mostColor}">阿里巴巴集团</a>
            <a href="https://www.tencent.com/zh-cn/index.html" target="_blank" :style="{'color':footerObj.mostColor}">腾讯科技</a>
            <a href="http://www.baidu.com" target="_blank" :style="{'color':footerObj.mostColor}">百度搜索</a>
          </li>
        </ul>
      </div>
      <a href="http://www.beian.gov.cn/portal/recordQuery?token=aaffd02f-b10c-4f7d-b02a-87c13b623e45" target="_blank" class="icp" :style="{'color':footerObj.mostColor}">京iCP备Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin</a>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    footerObj: {
      type: Object,
      required: true
    }
  },

  data() {
    return {

    }
  },
  created() {}
}
</script>

<style lang="scss" scoped>
.footer-box{
  width:100%;
  min-width: 1200px;
  //background-image: url('../../../assets/img/footer/footer-bg.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  >.footer-con{
    width: 1200px;
    margin: 0 auto;
    padding-top: 54px;
    padding-bottom: 41px;
    -margin-bottom: 24px;
    >.con1{
      width: 100%;
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      border-bottom: 1px solid rgba(255,255,255,.2);
      margin-bottom: 24px;
      >img{
        display: block;
        max-height: 69px;
        max-width: 182px;
      }
      >ul{
        padding-top: 4px;
        padding-bottom: 24px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        font-size: 12px;
        >li{
          padding-right: 80px;
          >a{
            -color: #DBEEFD;
            display: block;
            margin-bottom: 10px;
          }
          >a:first-child{
            margin-bottom: 20px;
            -color: #fff;
            font-weight: bold;
            cursor: default;
          }
        }
        >li:nth-child(4){
          >a{
            cursor: default;
          }
        }
      }
    }
    >a{
      display: inline-block;
      width: 100%;
      text-align: center;
      font-size: 14px;
      -color: #A6D1F9;
    }
  }
}
</style>

